// SASS for Case Studies pages go here:

hr {
  background-color: #999999;
  margin-top: 0;
}

h2 {
  margin-bottom: 15px !important;
}

.subhead {
  padding-bottom: 2% !important;
  padding-top: 0.75em !important;
}

.details {
  margin-left: 1.9%;
  padding-right: 5%;
  font-size: 16px !important;
  padding-bottom: 2% !important;
}

.section1 {
  margin-bottom: 3%;

  .cols {
    width: 80% !important;
    margin-left: 6.8%;
    padding-top: 1.5%;

    .col1 {
      width: 52% !important;
      font-weight: 300 !important;
    }

    .col2 {
      width: 46% !important;
    }
  }
}

.banner2text {
  width: 63%;
  padding-top: 10%;
  padding-left: 0% !important;
  float: initial !important;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.banner3text,
.banner4text,
.banner5text {
  width: 63%;
  padding-left: 0% !important;
  float: initial !important;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.fullcol {
  float: initial !important;
}

body footer {
  background-color: #585858 !important;
}

.section1 {
  float: left !important;
}

.banner1 {
  padding-left: 11.9% !important;
}

.banner2 {
  float: initial !important;
  padding-bottom: 2% !important;
}

footer {
  padding: 0% 7%;
}

.banner4,
.banner3,
.banner5 {
  float: initial !important;
}

@media screen and (max-width: 910px) {
  .banner2text {
    width: 47%;
    padding-top: 45%;
  }

  .details {
    margin-left: 0%;
    margin-bottom: 3%;
  }

  .subhead {
    padding-bottom: 0% !important;
    padding-top: 0% !important;
  }

  .banner3 {
    width: 100% !important;
  }
}

@media screen and (max-width: 780px) {
  .section1 .cols {
    width: 100% !important;
    margin-left: 0%;
    padding-top: 5%;

    .col1,
    .col2 {
      width: 100% !important;
      margin-left: 0% !important;

      .fullcol {
        width: 90% !important;
        margin-left: 5% !important;

        .banner1 {
          padding-left: 10% !important;
          margin-bottom: 6% !important;

          .banner2text {
            padding-top: 60% !important;
            padding-bottom: 2% !important;
          }
        }
      }
    }
  }
}
